<template>
  <div>
    <div class="fixed top-0 left-0 h-screen w-screen -z-10">
      <ElImage
        class="w-h-full"
        fit="cover"
        src="/images/bg.webp"
      ></ElImage>
    </div>
    <div
      class="fixed left-0 top-0 m-4"
      @click="handleClickBack"
    >
      <OhVueIcon
        name="md-arrowbackios"
        class="opacity-70 hover:opacity-100 hover:cursor-pointer"
      ></OhVueIcon>
    </div>
    <slot />
  </div>
</template>

<script lang="ts" setup>
import { OhVueIcon } from "oh-vue-icons";
const handleClickBack = () => {
  useRouter().back();
};
</script>

<style></style>
